import { createTimeline } from '../../../api/timeline'
const util = require('../../../utils/util.js')
const app = getApp();
var toptip // 保存toptip组件的引用
Page({

  /**
   * 页面的初始数据
   */
  data: {
    // modalName: "icon",
    ColorList: app.globalData.ColorList,
    icons: app.globalData.icon,
    timeline: {
      content: null,
      exact_date: util.formatTime(new Date()).split(' ')[0],
      color: 'red',
      icon: 'radioboxfill',
      addr: { name: '南京市' },
    }
  },
  // 保存
  submitTap() {
    var timeline = this.data.timeline
    if (timeline.content === null) {
      return toptip.show('请输入内容')
    }
    createTimeline(timeline).then(res => {
      wx.reLaunch({
        url: '../timeline?from=add'
      })
    })

  },
  // 内容
  contentInput(e) {
    this.setData({
      [`timeline.content`]: e.detail.value
    })
  },
  addrInput(e){
    this.setData({
      [`timeline.addr.name`]: e.detail.value
    })
  },
  // 地址选择
  chooseLocation() {
    const that = this
    wx.chooseLocation({
      success(res) {
        delete res['errMsg']
        that.setData({
          [`timeline.addr`]: res
        })
      }
    })
  },
  // 日期选择
  DateChange(e) {
    this.setData({
      [`timeline.exact_date`]: e.detail.value
    })
  },
  // 心情颜色
  selectColor(e) {
    this.setData({
      [`timeline.color`]: e.target.dataset.color,
      modalName: null
    })
  },
  // 图标选择
  selectIcon(e) {
    console.log(e)
    this.setData({
      [`timeline.icon`]: e.currentTarget.dataset.icon,
      modalName: null
    })
  },
  showModal(e) {
    this.setData({
      modalName: e.currentTarget.dataset.target
    })
  },
  hideModal(e) {
    this.setData({
      modalName: null
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    // wx.getLocation({  获取的只是经纬度，还得进行转换
    //   type: 'wgs84',
    //   success(res) {
    //    console.log('xxxxx',res)
    //   }
    // })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    toptip = this.selectComponent('#toptip')
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})